<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="apple-touch-startup-image" href="/apple-touch-startup-image.png"/>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Sugar Example</title>
</head>
<body>
<div id="header">
<div id="title">
<a href="#">Title</a>
</div>
<div id="button">
<a href="#">Button</a>
</div>
</div>
<div id="content">
<ul class="edgetoedge">
<li>
<a href="#">Item 1</a>
</li>
<li>
<form action="#">
<input type="text" name="test" placeholder="?"/>
</form>
<a href="#" class="button">Button</a>
<a href="#">Item 2</a>
</li>
<li>
<div>Item 3</div>
</li>
</ul>
<form action="#" class="edgetoedge">
<input type="text" name="test" placeholder="Input"/>
</form>
<a href="#" class="edgetoedge">Button</a>
</div>
<div id="footer">
Footer
</div>
</body>
</html>